{extend name='base/main'}
{block name="content"}
<!--头部-->
{include file="base/header"}
<div class="list-container">

  <script src="__STATIC__/js/mold.min.js"></script>
  <!--    广告-->
  <div class="adv-container">
    <a href="javascript:;">
      <img src="__STATIC__/img/banner/adv1.gif" alt="最新排序" />
    </a>
    <a :href="linkUrl ? linkUrl: 'javascript:;'" :target="linkUrl ?'_blank':'_self'">
      <img src="__STATIC__/img/banner/navlogos_h67f3r.gif" alt="下载地址" />
    </a>
    <a href="https://www.125868.com/" target="_blank">
      <img src="__STATIC__/img/banner/dhs.gif" />
    </a>
    <a href="javascript:;">
      <img src="__STATIC__/img/banner/adv4.png" alt="温馨提示" />
    </a>
  </div>
  <div v-if="list.length">
    <div v-for="(item,inx) in list" :key="inx">
      <div v-if="item.list && item.list.length">
        <div class="list-wrapper" v-for="(vl, vk) in item.list" :key="vk">
          <img v-if="item.alias === 'AoMenLiuHeCai' && vk==0" src="__STATIC__/img/title1.jpg" />
          <img v-if="item.alias === 'ShiDianBan' && vk==0" src="__STATIC__/img/xxlsdb.png" />

          <!-- 绿色导航 -->
          <div v-if="(vk % 3) == 0 && inx==0">
            <div v-if="Math.ceil((vk/3)) < navs.length ">
              <advs-lv-se-view :data-list="navs[Math.ceil((vk/3))]"
                :next-issue-no="nextJob[vl.lottery_alias]"></advs-lv-se-view>
            </div>
            <div v-else>
              <advs-lv-se-view :data-list="navs[(Math.ceil((vk/2)) % advs.length)]"
                :next-issue-no="nextJob[vl.lottery_alias]"></advs-lv-se-view>
            </div>
          </div>
          <!-- 绿色导航 完 -->

          <!-- 广告 -->
          <div v-if="(vk % 2) == 0">
            <div v-if="Math.ceil((vk/2)) < advs.length">
              <advs-huang-se-view :data-list="advs[Math.ceil((vk/2))]"></advs-huang-se-view>
            </div>
            <div v-else>
              <advs-huang-se-view :data-list="advs[(Math.ceil((vk/2)) % advs.length)]"></advs-huang-se-view>
            </div>
          </div>
          <!-- 广告 完 -->


          <div class="list-wrapper-title">{$system['title']}{{ vl.title }}</div>
          <!-- 平特一肖 -->
          <ping-te-yi-xiao-view v-if="vl.is_style === 1" :data-list="vl" :next-job="nextJob"></ping-te-yi-xiao-view>
          <!-- 九肖中特 -->
          <bao-ta-jiu-xiao-view v-else-if="vl.is_style === 2" :data-list="vl"
            :next-job="nextJob"></bao-ta-jiu-xiao-view>
          <!-- 九肖中特 -->
          <jiu-xiao-view v-else-if="vl.is_style === 3" :data-list="vl" :next-job="nextJob"></jiu-xiao-view>
          <!-- 必中24码 -->
          <bi-zhong24-ma-view v-else-if="vl.is_style === 4" :data-list="vl" :next-job="nextJob"></bi-zhong24-ma-view>
          <!-- 平特三中二 -->
          <san-zhong-er-view v-if="vl.is_style === 7" :data-list="vl" :next-job="nextJob"></san-zhong-er-view>
          <!-- 绝杀三尾 -->
          <jue-sha-san-wei-view v-if="vl.is_style === 8" :data-list="vl" :next-job="nextJob"></jue-sha-san-wei-view>
          <!-- 家野+两肖 -->
          <jia-ye-liang-xiao-view v-if="vl.is_style === 9" :data-list="vl" :next-job="nextJob"></jia-ye-liang-xiao-view>
          <!--  春夏秋冬 -->
          <chun-xia-qiu-dong-view v-if="vl.is_style === 10" :data-list="vl"
            :next-job="nextJob"></chun-xia-qiu-dong-view>
          <!--  单双主四肖 -->
          <dan-shuang-zhu-xiao-view v-if="vl.is_style === 11" :data-list="vl"
            :next-job="nextJob"></dan-shuang-zhu-xiao-view>
          <!-- 单双各四肖 -->
          <dan-shuang-ge-xiao-view v-else-if="vl.is_style === 12" :data-list="vl"
            :next-job="nextJob"></dan-shuang-ge-xiao-view>
          <!--  主1肖防3肖 -->
          <zhu1-fang3-view v-if="vl.is_style === 13" :data-list="vl" :next-job="nextJob"></zhu1-fang3-view>
          <!--  平特连肖 -->
          <ping-te-lian-xiao-view v-if="vl.is_style === 14" :data-list="vl"
            :next-job="nextJob"></ping-te-lian-xiao-view>
          <!-- 七字平特 -->
          <ping-te7-view v-else-if="vl.is_style === 15" :data-list="vl" :next-job="nextJob"></ping-te7-view>
          <!-- 特肖+特尾 -->
          <te-xiao-te-wei-view v-else-if="vl.is_style === 16" :data-list="vl" :next-job="nextJob"></te-xiao-te-wei-view>
          <!-- 禁1肖+1尾 -->
          <jin-xiao-jin-wei-view v-else-if="vl.is_style === 17" :data-list="vl"
            :next-job="nextJob"></jin-xiao-jin-wei-view>
          <!-- 5中2单行 -->
          <wu-zhong-er-view v-else-if="vl.is_style === 18" :data-list="vl" :next-job="nextJob"></wu-zhong-er-view>
          <!--七肖⑦码-->
          <qi-xiao-tui-ma-view v-else-if="vl.is_style === 19" :data-list="vl" :next-job="nextJob"></qi-xiao-tui-ma-view>
          <!--综合杀-->
          <zong-he-sha-view v-else-if="vl.is_style === 20" :data-list="vl" :next-job="nextJob"></zong-he-sha-view>
          <!-- 单双特各10码 -->
          <dan-shuang-ge-ma-view v-else-if="vl.is_style === 21" :data-list="vl"
            :next-job="nextJob"></dan-shuang-ge-ma-view>

          <!-- 填词爆特 -->
          <tian-ci-bao-te-view v-else-if="vl.is_style === 23" :data-list="vl" :next-job="nextJob"></tian-ci-bao-te-view>
          <!-- 真言一句 -->
          <zhen-yan-yi-ju-view v-else-if="vl.is_style === 24" :data-list="vl" :next-job="nextJob"></zhen-yan-yi-ju-view>
          <!-- 四尾12码中特 -->
          <wei4-ma10-view v-else-if="vl.is_style === 25" :data-list="vl" :next-job="nextJob"></wei4-ma10-view>
          <!-- 正版五字真言 -->
          <wu-zi-zhen-yan-view v-else-if="vl.is_style === 26" :data-list="vl" :next-job="nextJob"></wu-zi-zhen-yan-view>
          <!-- ①波①头主十码-->
          <bo1-tou10-ma-view v-else-if="vl.is_style === 27" :data-list="vl" :next-job="nextJob"></bo1-tou10-ma-view>
          <!-- 必中特码诗-->
          <bi-zhong-te-ma-shi-view v-else-if="vl.is_style === 28" :data-list="vl"
            :next-job="nextJob"></bi-zhong-te-ma-shi-view>
          <!-- 三期必中特-->
          <san-qi-zhong-te-view v-else-if="vl.is_style === 29" :data-list="vl"
            :next-job="nextJob"></san-qi-zhong-te-view>
          <!-- 5肖5码-->
          <wu-xiao-wu-ma-view v-else-if="vl.is_style === 30" :data-list="vl" :next-job="nextJob"></wu-xiao-wu-ma-view>
          <!-- 谜语猜特码 -->
          <cai-mi-yu-view v-else-if="vl.is_style === 31" :data-list="vl" :next-job="nextJob"></cai-mi-yu-view>
          <!-- 今期输尽光 -->
          <jin-shu-guang-view v-else-if="vl.is_style === 32" :data-list="vl" :next-job="nextJob"></jin-shu-guang-view>
          <!-- 属性主肖主码 -->
          <shu-xing-zhu-xiao-zhu-ma-view v-else-if="vl.is_style === 33" :data-list="vl"
            :next-job="nextJob"></shu-xing-zhu-xiao-zhu-ma-view>
          <!-- 一波八码  -->
          <yi-bo-ba-ma-view v-else-if="vl.is_style === 34" :data-list="vl" :next-job="nextJob"></yi-bo-ba-ma-view>
          <!-- 阴阳博特  -->
          <yin-yang-bo-te-view v-else-if="vl.is_style === 35" :data-list="vl" :next-job="nextJob"></yin-yang-bo-te-view>
          <!-- 『12码中特』  -->
          <shi-er-ma-zhong-te-view v-else-if="vl.is_style === 36" :data-list="vl"
            :next-job="nextJob"></shi-er-ma-zhong-te-view>
        </div>
      </div>
    </div>
  </div>
  {include file="index/src/footer"}
</div>

{include file="index/src/jiu_xiao"}
{include file="index/src/ping_te7"}
{include file="index/src/1bo_1tou_10ma"}
{include file="index/src/qixiao_tuima"}
{include file="index/src/wei4_ma10"}
{include file="index/src/san_zhong_er"}
{include file="index/src/chun_xiao_qiu_dong"}
{include file="index/src/jin_shu_guang"}
{include file="index/src/wu_xiao_wu_ma"}
{include file="index/src/cai_mi_yu"}
{include file="index/src/san_qi_zhong_te"}
{include file="index/src/ping_te_yi_xiao"}
{include file="index/src/ping_te_yi_xiao"}
{include file="index/src/bi_zhong_24ma"}
{include file="index/src/jue_sha_san_wei"}
{include file="index/src/jia_ye_liang_xiao"}
{include file="index/src/zhu1_fang3"}
{include file="index/src/dan_shuang_zhu_xiao"}
{include file="index/src/ping_te_lian_xiao"}
{include file="index/src/te_xiao_te_wei"}
{include file="index/src/wu_zhong_er_wei"}
{include file="index/src/zong_he_sha"}
{include file="index/src/bao_ta_jiu_xiao"}
{include file="index/src/shu_xing_zhu_xiao_zhu_ma"}
{include file="index/src/dan_shuang_ge_xiao"}
{include file="index/src/dan_shuang_ge_ma"}
{include file="index/src/wu_zi_zhen_yan"}
{include file="index/src/yi_bo_ba_ma"}
{include file="index/src/yin_yang_bo_te"}
{include file="index/src/shi_er_ma_zhong_te"}
{include file="index/src/tian_ci_bao_te"}
{include file="index/src/bi_zhong_te_ma_shi"}
{include file="index/src/zhen_yan_yi_ju"}
{include file="index/src/jin_xiao_jin_wei"}
{include file="index/src/advs_lv_se"}
{include file="index/src/advs_huang_se"}
{/block}

{block name="script"}
<script>
  new Vue({
    el: "#app",
    extends: appExtend,
    data() {
      return {
        baseData: '{$data}',
        list: [],
        draw: [],
        navs: [],
        advs: [],
        nextJob: {},
        linkUrl: '',
        countdown: '',
        indexs:0,
        ip:'',
        isShowShareBox:false,
        formData:{
          phone:'',
          content:''
        },
        isShowForm:false,
      }
    },
    mounted() {
      this.getIp();
      this.initDraw()
      
      
    },
    methods: {
      initDraw() {
        this.draw.forEach((element, inx) => {
          this.nextJob[element.alias] = element.nextNumber;
        });

        this.downTime(this.draw[this.indexs], this.indexs)
      },
      tabDraw(vl, key) {
        this.indexs = key;
        this.downTime(vl, this.indexs)
      },
      showShareBox(){
        this.isShowShareBox = true;
      },
      hideShareBox(){
        this.isShowShareBox = false;
      },
      //复制
      handleCopy(text, event){
          var that = this;
          const clipboard = new ClipboardJS(event.target, {
              text: () => text
          });
          clipboard.on('success', () => {
              that.$message({ message: '复制成功！', type: 'success' });
              clipboard.destroy()
          })
          clipboard.on('error', () => {
              that.$message({ message: '复制失败！', type: 'error' });
              clipboard.destroy()
          })
          clipboard.onClick(event)
      },
      showForm(){
        this.isShowForm = true;
      },
      hideForm(){
        this.isShowForm = false;
      },
      onSubmit(){
        axios.post('/message',this.formData).then(res => {
          this.formData ={
            phone:'',
            content:''
          };
          this.isShowForm = false;
          this.$message({ message: res.data.message, type: 'success' });
        });
      },
      getIp(){
        axios.get('https://api.ipify.org?format=json').then(res => {
            this.ip = res.data.ip;
            this.ajaxtongji();
        });
        
      },
      tongji(){
        setTimeout(()=>{
          this.ajaxtongji();
        },10000);
      },
      ajaxtongji(){
          var newuid = '{$uuid}';
          var uuid = window.sessionStorage.getItem('_uuid_');
          if(!uuid) {
              uuid = newuid;
              window.sessionStorage.setItem('_uuid_',uuid);
          }
          
          var map = {
                uuid:uuid,
                newuid:newuid,
                origin : window.location.origin + window.location.pathname,
                referer:document.referrer,
                keyword:route(),
                ipstring:this.ip
          }
          axios.post('/tongji',map).then(res => {
              if(res.data.code == 200) {
              // var _data = aesDecrypt(res.data.data,res.data.sig);
                  this.tongji();
              }
          });
      }
    }
  });
</script>
{/block}